


<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Sozi: transition path</title>
        <style>
            body {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
                overflow: hidden;
            }

            .sozi-frame-list {
                position: absolute;
                top: 0;
                right: 0;
                width: 33%;
                height: 100%;
                margin: 0;
                padding: 0.5em 1em;
                overflow-y: auto;

                list-style: decimal inside;

                font-family: "Droid Sans", Helvetica, Arial, sans-serif;
                font-size: 12pt;

                color: rgb(240, 255, 255);
                background-color: rgba(34, 34, 34, 0.9);
            }

            .sozi-frame-list li {
                margin: 0;
                padding: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .sozi-frame-list a {
                color: inherit;
                text-decoration: none;
            }

            .sozi-frame-list a:hover {
                color: rgb(0, 204, 255);
                text-decoration: underline;
            }

            .sozi-frame-list a.current {
                color: rgb(255, 170, 68);
            }

            .sozi-frame-number {
                position: absolute;
                top: 0;
                left: 1em;
                text-align: center;
                padding: 0.3em 0.6em;

                cursor: pointer;

                font-family: "Droid Sans", Helvetica, Arial, sans-serif;
                font-size: 12pt;
                color: rgb(240, 255, 255);
                background-color: rgba(34, 34, 34, 0.9);
            }

            .sozi-blank-screen {
                background: black;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                visibility: hidden;
                z-index: 999;
                transition: opacity 0.5s, visibility 0.5s;
            }

            svg a {
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="1062.9921" height="1062.9921" id="svg2" version="1.1" inkscape:version="0.91 r" sodipodi:docname="transition-path.svg" style="height: 100%; width: 100%;"><style xmlns="http://www.w3.org/1999/xhtml">svg {
        background: rgba(255, 255, 255, 0);
    }</style><title id="title3377">Sozi: transition path</title><sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.7" inkscape:cx="480.73761" inkscape:cy="805.61303" inkscape:document-units="px" inkscape:current-layer="svg2" showgrid="false" inkscape:window-width="1360" inkscape:window-height="713" inkscape:window-x="0" inkscape:window-y="30" inkscape:window-maximized="1" units="mm" showguides="true" inkscape:guide-bbox="true">
    <inkscape:grid snapvisiblegridlinesonly="true" enabled="true" visible="true" empspacing="5" type="xygrid" id="grid2997"/>
  </sodipodi:namedview><defs id="defs4">
    <linearGradient id="linearGradient4333">
      <stop id="stop4335" offset="0" style="stop-color:#008000;stop-opacity:1;"/>
      <stop id="stop4337" offset="1" style="stop-color:#004800;stop-opacity:1;"/>
    </linearGradient>
    <linearGradient id="linearGradient4269">
      <stop id="stop4271" offset="0" style="stop-color:#3f2311;stop-opacity:1;"/>
      <stop style="stop-color:#5e361a;stop-opacity:1;" offset="0.5" id="stop4277"/>
      <stop id="stop4273" offset="1" style="stop-color:#3f2411;stop-opacity:1;"/>
    </linearGradient>
    <linearGradient id="linearGradient3769">
      <stop style="stop-color:#69a5ff;stop-opacity:1;" offset="0" id="stop3771"/>
      <stop style="stop-color:#001432;stop-opacity:1;" offset="1" id="stop3773"/>
    </linearGradient>
    <filter color-interpolation-filters="sRGB" inkscape:collect="always" id="filter3787" x="-0.13191488" width="1.2638298" y="-0.13191488" height="1.2638298">
      <feGaussianBlur inkscape:collect="always" stdDeviation="1.6489362" id="feGaussianBlur3789"/>
    </filter>
    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3769" id="linearGradient4057" gradientUnits="userSpaceOnUse" x1="373.01944" y1="328.45618" x2="544.43646" y2="382.02667"/>
    <filter color-interpolation-filters="sRGB" id="filter4261" inkscape:collect="always">
      <feGaussianBlur id="feGaussianBlur4263" stdDeviation="0.46057773" inkscape:collect="always"/>
    </filter>
    <linearGradient gradientTransform="translate(115.71429,-534.72965)" gradientUnits="userSpaceOnUse" y2="749.9184" x2="445.01538" y1="749.9184" x1="418" id="linearGradient4275" xlink:href="#linearGradient4269" inkscape:collect="always"/>
    <filter color-interpolation-filters="sRGB" height="1.4502336" y="-0.2251168" width="1.0608914" x="-0.030445689" id="filter4283" inkscape:collect="always">
      <feGaussianBlur id="feGaussianBlur4285" stdDeviation="1.0269308" inkscape:collect="always"/>
    </filter>
    <filter color-interpolation-filters="sRGB" height="1.2125103" y="-0.10625522" width="1.2130221" x="-0.10651104" id="filter4311" inkscape:collect="always">
      <feGaussianBlur id="feGaussianBlur4313" stdDeviation="0.93102136" inkscape:collect="always"/>
    </filter>
    <radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.0730919e-6,1.0822173,-1.5632029,1.5681795e-6,1654.3675,-293.40302)" r="41.581299" fy="709.2193" fx="421.38898" cy="709.2193" cx="421.38898" id="radialGradient4341" xlink:href="#linearGradient4333" inkscape:collect="always"/>
    <filter id="filter7544" inkscape:collect="always">
      <feGaussianBlur id="feGaussianBlur7546" stdDeviation="0.53035713" inkscape:collect="always"/>
    </filter>
  </defs><metadata id="metadata7">
    <rdf:RDF>
      <cc:Work rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
        <dc:title>Sozi: transition path</dc:title>
        <dc:date>2015-05-11</dc:date>
        <dc:creator>
          <cc:Agent>
            <dc:title>Guillaume Savaton</dc:title>
          </cc:Agent>
        </dc:creator>
        <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/"/>
      </cc:Work>
      <cc:License rdf:about="http://creativecommons.org/licenses/by-sa/3.0/">
        <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>
        <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>
        <cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/>
        <cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/>
        <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>
        <cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/>
      </cc:License>
    </rdf:RDF>
  </metadata><g style="display:inline" transform="translate(0,10.629915)" inkscape:label="Main" id="layer3" inkscape:groupmode="layer">
    <path sodipodi:type="arc" style="display:inline;fill:url(#linearGradient4057);fill-opacity:1;fill-rule:nonzero;stroke:none" id="path2999" sodipodi:cx="450" sodipodi:cy="352.36218" sodipodi:rx="130" sodipodi:ry="130" d="m 580,352.36218 a 130,130 0 0 1 -130,130 130,130 0 0 1 -130,-130 130,130 0 0 1 130,-130 130,130 0 0 1 130,130 z" transform="matrix(-2.1607043,2.7603215,-2.7603215,-2.1607043,2491.3785,-12.003524)"/>
    <path sodipodi:type="arc" style="fill:#ffff37;fill-opacity:0.99610895;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter3787)" id="path3777" sodipodi:cx="235" sodipodi:cy="307.36218" sodipodi:rx="15" sodipodi:ry="15" d="m 250,307.36218 a 15,15 0 0 1 -15,15 15,15 0 0 1 -15,-15 15,15 0 0 1 15,-15 15,15 0 0 1 15,15 z" transform="matrix(2.1437741e-4,-0.99999998,0.99999998,2.1437741e-4,503.44137,415.43914)"/>
    <path style="fill:#f9f9f9;fill-opacity:0.99610895;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter3787)" d="m 467.96875,271.92468 c -2.60503,2.69822 -4.21875,6.39075 -4.21875,10.4375 0,8.28427 6.71573,15 15,15 8.28427,0 15,-6.71573 15,-15 0,-0.6577 -0.0429,-1.30215 -0.125,-1.9375 -0.89161,6.73236 -6.64899,11.9375 -13.625,11.9375 -7.59391,0 -13.75,-6.15609 -13.75,-13.75 0,-2.42323 0.61837,-4.7104 1.71875,-6.6875 z" id="path3886" inkscape:connector-curvature="0" transform="matrix(0.81490412,0.57959578,-0.57959578,0.81490412,67.979815,-295.96146)"/>
    <path inkscape:transform-center-y="-0.056323061" inkscape:transform-center-x="0.19967991" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:randomized="0" inkscape:rounded="0" inkscape:flatsided="false" sodipodi:arg2="1.7354672" sodipodi:arg1="1.1071487" sodipodi:r2="2.5194552" sodipodi:r1="11.18034" sodipodi:cy="387.36218" sodipodi:cx="230" sodipodi:sides="5" id="path4287" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" sodipodi:type="star" transform="matrix(0.21804012,-0.09482083,0.09482083,0.21804012,187.79283,237.89482)"/>
    <path transform="matrix(0.22938431,0.06257255,-0.06257255,0.22938431,258.28873,185.09804)" sodipodi:type="star" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" id="path4315" sodipodi:sides="5" sodipodi:cx="230" sodipodi:cy="387.36218" sodipodi:r1="11.18034" sodipodi:r2="2.5194552" sodipodi:arg1="1.1071487" sodipodi:arg2="1.7354672" inkscape:flatsided="false" inkscape:rounded="0" inkscape:randomized="0" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:transform-center-x="-0.16105693" inkscape:transform-center-y="0.095743664"/>
    <path inkscape:transform-center-y="0.20884381" inkscape:transform-center-x="-0.046873532" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:randomized="0" inkscape:rounded="0" inkscape:flatsided="false" sodipodi:arg2="1.7354672" sodipodi:arg1="1.1071487" sodipodi:r2="2.5194552" sodipodi:r1="11.18034" sodipodi:cy="387.36218" sodipodi:cx="230" sodipodi:sides="5" id="path4317" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" sodipodi:type="star" transform="matrix(-0.02193682,0.23675148,-0.23675148,-0.02193682,403.56292,247.38917)"/>
    <path transform="matrix(0.21809405,-0.09469674,0.09469674,0.21809405,182.75144,181.44784)" sodipodi:type="star" style="fill:#ffffff;fill-opacity:0.75875483;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" id="path4319" sodipodi:sides="5" sodipodi:cx="230" sodipodi:cy="387.36218" sodipodi:r1="11.18034" sodipodi:r2="2.5194552" sodipodi:arg1="1.1071487" sodipodi:arg2="1.7354672" inkscape:flatsided="false" inkscape:rounded="0" inkscape:randomized="0" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:transform-center-x="0.19922032" inkscape:transform-center-y="-0.05678827"/>
    <path inkscape:transform-center-y="0.24152449" inkscape:transform-center-x="-0.012921211" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:randomized="0" inkscape:rounded="0" inkscape:flatsided="false" sodipodi:arg2="1.7354672" sodipodi:arg1="1.1071487" sodipodi:r2="2.5194552" sodipodi:r1="11.18034" sodipodi:cy="387.36218" sodipodi:cx="230" sodipodi:sides="5" id="path4321" style="fill:#ffffff;fill-opacity:0.77431904;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" sodipodi:type="star" transform="matrix(0.21431093,0.10297238,-0.10297238,0.21431093,288.09966,151.76037)"/>
    <path transform="matrix(0.03492444,-0.23518667,0.23518667,0.03492444,222.56896,323.2127)" sodipodi:type="star" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" id="path4323" sodipodi:sides="5" sodipodi:cx="230" sodipodi:cy="387.36218" sodipodi:r1="11.18034" sodipodi:r2="2.5194552" sodipodi:arg1="1.1071487" sodipodi:arg2="1.7354672" inkscape:flatsided="false" inkscape:rounded="0" inkscape:randomized="0" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:transform-center-x="0.0016998462" inkscape:transform-center-y="-0.25222733"/>
    <path inkscape:transform-center-y="-0.0059216965" inkscape:transform-center-x="0.24821726" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:randomized="0" inkscape:rounded="0" inkscape:flatsided="false" sodipodi:arg2="1.7354672" sodipodi:arg1="1.1071487" sodipodi:r2="2.5194552" sodipodi:r1="11.18034" sodipodi:cy="387.36218" sodipodi:cx="230" sodipodi:sides="5" id="path4325" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" sodipodi:type="star" transform="matrix(0.16819019,0.16806114,-0.16806114,0.16819019,363.22566,194.53995)"/>
    <path transform="matrix(0.23776561,0,0,0.23776561,222.81748,176.35857)" sodipodi:type="star" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" id="path4327" sodipodi:sides="5" sodipodi:cx="230" sodipodi:cy="387.36218" sodipodi:r1="11.18034" sodipodi:r2="2.5194552" sodipodi:arg1="1.1071487" sodipodi:arg2="1.7354672" inkscape:flatsided="false" inkscape:rounded="0" inkscape:randomized="0" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:transform-center-x="-0.13465706" inkscape:transform-center-y="-0.1223386"/>
    <path inkscape:transform-center-y="-0.05678827" inkscape:transform-center-x="0.19922032" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:randomized="0" inkscape:rounded="0" inkscape:flatsided="false" sodipodi:arg2="1.7354672" sodipodi:arg1="1.1071487" sodipodi:r2="2.5194552" sodipodi:r1="11.18034" sodipodi:cy="387.36218" sodipodi:cx="230" sodipodi:sides="5" id="path4329" style="fill:#ffffff;fill-opacity:0.55252913;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" sodipodi:type="star" transform="matrix(0.21809405,-0.09469674,0.09469674,0.21809405,185.16804,115.77859)"/>
    <path transform="matrix(0.21431093,0.10297238,-0.10297238,0.21431093,307.26502,131.41863)" sodipodi:type="star" style="fill:#ffffff;fill-opacity:0.44357976;fill-rule:nonzero;stroke:none;display:inline;filter:url(#filter4311)" id="path4331" sodipodi:sides="5" sodipodi:cx="230" sodipodi:cy="387.36218" sodipodi:r1="11.18034" sodipodi:r2="2.5194552" sodipodi:arg1="1.1071487" sodipodi:arg2="1.7354672" inkscape:flatsided="false" inkscape:rounded="0" inkscape:randomized="0" d="m 235,397.36218 -5.41301,-7.51462 -7.55247,5.36008 5.47412,-7.47023 -7.43158,-5.52647 8.79621,2.89777 2.9595,-8.77562 -0.0378,9.26114 9.26065,0.10284 -8.81955,2.82593 z" inkscape:transform-center-x="-0.012921211" inkscape:transform-center-y="0.24152449"/>
    <path transform="matrix(2.2675013,0,0,2.2675013,-445.60316,-369.68091)" d="M 543.57143,369.77777 A 106.07143,106.07143 0 0 1 437.5,475.8492 106.07143,106.07143 0 0 1 331.42857,369.77777 106.07143,106.07143 0 0 1 437.5,263.70634 106.07143,106.07143 0 0 1 543.57143,369.77777 Z" sodipodi:ry="106.07143" sodipodi:rx="106.07143" sodipodi:cy="369.77777" sodipodi:cx="437.5" id="path21119" style="fill:#008000;fill-opacity:1;stroke:none;display:inline;filter:url(#filter7544)" sodipodi:type="arc"/>
    <rect transform="matrix(0.46427477,-0.88569122,0.88569122,0.46427477,0,0)" inkscape:label="#rect4059" style="fill:none;stroke:#ff0000;stroke-width:1.33195019;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;display:inline" id="rect-night" width="319.66806" height="239.75104" x="-321.14838" y="279.64841"/>
    <rect transform="matrix(0.52167876,0.853142,-0.853142,0.52167876,0,0)" y="-641.97443" x="523.87573" height="239.75104" width="319.66806" id="rect-day" style="fill:none;stroke:#ff0000;stroke-width:1.33195019;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;display:inline" inkscape:label="#rect4059"/>
    <path style="fill:url(#radialGradient4341);fill-opacity:1;stroke:none;display:inline;filter:url(#filter4261)" d="m 519.46429,173.81253 c 0,0 -10.44867,-6.80659 -15,6.18 -2.57765,7.35499 7.5,12.36 7.5,12.36 0,0 16.33668,5.5148 26.25,6.18 0,6.18 31.5,4.944 37.5,-2.472 15.75,-4.944 7.5,-16.068 3.75,-16.068 0,0 3.79009,-13.07541 -15,-18.54 -12.75,-3.708 -18.75,6.18 -18.75,6.18 0,0 -18.75,-6.18 -26.25,6.18 z" id="path4199" inkscape:connector-curvature="0" sodipodi:nodetypes="csccccscc"/>
    <path transform="matrix(1.2484861,0,0,-1.6996741,8.8955356,1571.3174)" sodipodi:nodetypes="csccccscc" inkscape:connector-curvature="0" id="path4203" d="m 405,777.97818 c 0,0 -10.44867,-1.77985 -15,1.616 -2.57765,1.92325 7.5,3.232 7.5,3.232 0,0 16.33668,1.44206 26.25,1.616 0,1.616 31.5,1.2928 37.5,-0.6464 15.75,-1.2928 7.5,-4.2016 3.75,-4.2016 0,0 3.79009,-3.41907 -15,-4.848 -12.75,-0.9696 -18.75,1.616 -18.75,1.616 0,0 -18.75,-1.616 -26.25,1.616 z" style="fill:#000000;fill-opacity:0.50194576;stroke:none;display:inline;filter:url(#filter4283)"/>
    <path sodipodi:nodetypes="sscccccscssss" inkscape:connector-curvature="0" id="path4201" d="m 542.71429,233.63253 c 0.43769,-5.25225 0,-5.98078 0,-32 0,-6 -4,-15 -9,-19 0,0 1,1 3,0 0,0 6,10 9,10 3,0 4,-5 4,-5 0,0 0,1 3,0 -1,2 -4,3 -4,10 0,27 2,35 2,35 1,5 10.44721,9.10557 10,10 -1,2 -7.7889,-3.60555 -15,0 0,0 -9,6 -10,5 -1,-1 6,-1.99999 7,-14 z" style="fill:url(#linearGradient4275);fill-opacity:1;stroke:none;display:inline"/>
    <path inkscape:label="#path7548" sodipodi:nodetypes="cc" transform="translate(0,-10.629915)" inkscape:connector-curvature="0" id="path-night-to-day" d="m 282.14285,336.56349 c 108.57144,-204.28571 405.71429,-203.57142 525,-4.28571" style="fill:none;stroke:#ff0000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"/>
  </g></svg>
        <div class="sozi-frame-number" title="Click to show the frame list">1</div>
        <ol class="sozi-frame-list">
            
                
                    <li value="1"><a href="#frame6868" title="Night">Night</a></li>
                
            
                
                    <li value="2"><a href="#frame6512" title="Day">Day</a></li>
                
            
        </ol>
        <div class="sozi-blank-screen"></div>
        <script>var soziPresentationData = {"enableKeyboardZoom":true,"enableKeyboardRotation":true,"enableKeyboardNavigation":true,"enableMouseTranslation":true,"enableMouseZoom":true,"enableMouseRotation":true,"enableMouseNavigation":true,"frames":[{"frameId":"frame6868","title":"Night","timeoutMs":0,"timeoutEnable":false,"transitionDurationMs":0,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer3":{"transitionTimingFunction":"stepEnd","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"stepEnd","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer3":{"cx":278.96063232421875,"cy":338.99346923828125,"width":319.66804399004343,"height":239.75099484556188,"opacity":1,"angle":-62.33670234862066,"clipped":true,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":278.96063232421875,"cy":338.99346923828125,"width":319.66804399004343,"height":239.75099484556188,"opacity":1,"angle":-62.33670234862066,"clipped":true,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}},{"frameId":"frame6512","title":"Day","timeoutMs":0,"timeoutEnable":false,"transitionDurationMs":3000,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer3":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":"path-night-to-day"},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":"path-night-to-day"}},"cameraStates":{"layer3":{"cx":802.101318359375,"cy":321.5636291503906,"width":319.668101182909,"height":239.75104536960265,"opacity":1,"angle":58.55507918512279,"clipped":true,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":802.101318359375,"cy":321.5636291503906,"width":319.668101182909,"height":239.75104536960265,"opacity":1,"angle":58.55507918512279,"clipped":true,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}}],"elementsToHide":["rect-night","rect-day","path-night-to-day"]};</script>

        <script>!function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c?c:a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b,c){"use strict";function d(a,b,c){b.hasOwnProperty(c)&&(a[c]=b[c])}Object.defineProperty(c,"__esModule",{value:!0});var e=c.CameraState={opacity:1,clipped:!1,clipXOffset:0,clipYOffset:0,clipWidthFactor:1,clipHeightFactor:1,set width(a){this._width=!isNaN(a)&&a>=1?a:1},get width(){return this._width},set height(a){this._height=!isNaN(a)&&a>=1?a:1},get height(){return this._height},set angle(a){this._angle=isNaN(a)?180:(a+180)%360,this._angle<0?this._angle+=180:this._angle-=180},get angle(){return this._angle},init:function(a){this.svgRoot=a;var b=a.getBBox();return this.cx=b.x+b.width/2,this.cy=b.y+b.height/2,this.width=b.width,this.height=b.height,this.angle=0,this},initFrom:function(a){return this.svgRoot=a.svgRoot,this.cx=a.cx,this.cy=a.cy,this.width=a.width,this.height=a.height,this.opacity=a.opacity,this.angle=a.angle,this.clipped=a.clipped,this.clipXOffset=a.clipXOffset,this.clipYOffset=a.clipYOffset,this.clipWidthFactor=a.clipWidthFactor,this.clipHeightFactor=a.clipHeightFactor,this},toStorable:function(){return{cx:this.cx,cy:this.cy,width:this.width,height:this.height,opacity:this.opacity,angle:this.angle,clipped:this.clipped,clipXOffset:this.clipXOffset,clipYOffset:this.clipYOffset,clipWidthFactor:this.clipWidthFactor,clipHeightFactor:this.clipHeightFactor}},toMinimalStorable:function(){return this.toStorable()},fromStorable:function(a){return d(this,a,"cx"),d(this,a,"cy"),d(this,a,"width"),d(this,a,"height"),d(this,a,"opacity"),d(this,a,"angle"),d(this,a,"clipped"),d(this,a,"clipXOffset"),d(this,a,"clipYOffset"),d(this,a,"clipWidthFactor"),d(this,a,"clipHeightFactor"),this},setAtElement:function(a){var b=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,d=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,e=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,f=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,g=a.getBBox(),h=this.svgRoot.createSVGPoint();h.x=g.x+g.width/2,h.y=g.y+g.height/2;for(var i=a;i.parentNode.parentNode!==this.svgRoot;)i=i.parentNode;var j=i.getCTM().inverse().multiply(a.getCTM());h=h.matrixTransform(j);var k=Math.sqrt(j.a*j.a+j.b*j.b);return this.cx=h.x+b,this.cy=h.y+c,this.width=g.width*k*d,this.height=g.height*k*e,this.angle=180*Math.atan2(j.b,j.a)/Math.PI+f,this},resetClipping:function(){return this.clipXOffset=this.clipYOffset=0,this.clipWidthFactor=this.clipHeightFactor=1,this},offsetFromElement:function(a){var b=Object.create(e).init(this.svgRoot).setAtElement(a);return{deltaX:this.cx-b.cx,deltaY:this.cy-b.cy,widthFactor:this.width/b.width,heightFactor:this.height/b.height,deltaAngle:this.angle-b.angle}},applyOffset:function(a){var b=a.deltaX,c=a.deltaY,d=a.widthFactor,e=a.heightFactor,f=a.deltaAngle;return this.cx-=b,this.cy-=c,this.width/=d,this.height/=e,this.angle-=f,this}}},{}],2:[function(a,b,c){"use strict";function d(a,b,c){b.hasOwnProperty(c)&&(a[c]=b[c])}Object.defineProperty(c,"__esModule",{value:!0}),c.Presentation=c.Layer=c.Frame=c.LayerProperties=void 0;var e=function(){function a(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!b||c.length!==b);d=!0);}catch(i){e=!0,f=i}finally{try{!d&&h["return"]&&h["return"]()}finally{if(e)throw f}}return c}return function(b,c){if(Array.isArray(b))return b;if(Symbol.iterator in Object(b))return a(b,c);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),f=a("../utils"),g=a("./CameraState"),h=c.LayerProperties={link:!1,referenceElementId:"",outlineElementId:"",outlineElementAuto:!0,transitionTimingFunction:"linear",transitionRelativeZoom:0,transitionPathId:"",init:function(a){return this.frame=a,this},initFrom:function(a){return this.frame=a.frame,this.link=a.link,this.referenceElementId=a.referenceElementId,this.outlineElementId=a.outlineElementId,this.outlineElementAuto=a.outlineElementAuto,this.transitionTimingFunction=a.transitionTimingFunction,this.transitionRelativeZoom=a.transitionRelativeZoom,this.transitionPathId=a.transitionPathId,this},toStorable:function(){return{link:this.link,referenceElementId:this.referenceElementId,outlineElementId:this.outlineElementId,outlineElementAuto:this.outlineElementAuto,transitionTimingFunction:this.transitionTimingFunction,transitionRelativeZoom:this.transitionRelativeZoom,transitionPathId:this.transitionPathId}},toMinimalStorable:function(){return{transitionTimingFunction:this.transitionTimingFunction,transitionRelativeZoom:this.transitionRelativeZoom,transitionPathId:this.transitionPathId}},fromStorable:function(a){return d(this,a,"link"),d(this,a,"referenceElementId"),d(this,a,"outlineElementId"),d(this,a,"outlineElementAuto"),d(this,a,"transitionTimingFunction"),d(this,a,"transitionRelativeZoom"),d(this,a,"transitionPathId"),this},get index(){return this.frame.layerProperties.indexOf(this)},get referenceElement(){return this.frame.presentation.document.root.getElementById(this.referenceElementId)},get outlineElement(){return this.frame.presentation.document.root.getElementById(this.outlineElementId)},get transitionPath(){return this.frame.presentation.document.root.getElementById(this.transitionPathId)},get outlineElementHide(){return this.frame.presentation.elementsToHide.indexOf(this.outlineElementId)>=0},set outlineElementHide(a){if(this.outlineElement!==this.frame.presentation.document.root){var b=this.outlineElementHide;if(a&&!b)this.frame.presentation.elementsToHide.push(this.outlineElementId);else if(!a&&b){var c=this.frame.presentation.elementsToHide.indexOf(this.outlineElementId);this.frame.presentation.elementsToHide.splice(c,1)}this.outlineElement&&(this.outlineElement.style.visibility=a?"hidden":"visible")}},get transitionPathHide(){return this.frame.presentation.elementsToHide.indexOf(this.transitionPathId)>=0},set transitionPathHide(a){var b=this.transitionPathHide;if(a&&!b)this.frame.presentation.elementsToHide.push(this.transitionPathId);else if(!a&&b){var c=this.frame.presentation.elementsToHide.indexOf(this.transitionPathId);this.frame.presentation.elementsToHide.splice(c,1)}this.transitionPath&&(this.transitionPath.style.visibility=a?"hidden":"visible")}},i=c.Frame={title:"New frame",timeoutMs:0,timeoutEnable:!1,transitionDurationMs:1e3,showInFrameList:!0,showFrameNumber:!0,init:function(a){var b=this;return this.presentation=a,this.frameId=a.makeFrameId(),this.layerProperties=a.layers.map(function(a){return Object.create(h).init(b)}),this.cameraStates=a.layers.map(function(b){return Object.create(g.CameraState).init(a.document.root)}),this},initFrom:function(a,b){return this.presentation=a.presentation,b||(this.frameId=a.presentation.makeFrameId()),this.title=a.title,this.timeoutMs=a.timeoutMs,this.timeoutEnable=a.timeoutEnable,this.transitionDurationMs=a.transitionDurationMs,this.showInFrameList=a.showInFrameList,this.showFrameNumber=a.showFrameNumber,this.layerProperties=a.layerProperties.map(function(a){return Object.create(h).initFrom(a)}),this.cameraStates=a.cameraStates.map(function(a){return Object.create(g.CameraState).initFrom(a)}),this},toStorable:function(){var a=this,b={},c={},d={};return this.presentation.layers.forEach(function(e,f){var g=a.layerProperties[f],h=a.cameraStates[f],i=g.referenceElement,j=e.groupId;b[j]=g.toStorable(),c[j]=h.toStorable(),i&&(d[j]=a.cameraStates[f].offsetFromElement(i))}),{frameId:this.frameId,title:this.title,timeoutMs:this.timeoutMs,timeoutEnable:this.timeoutEnable,transitionDurationMs:this.transitionDurationMs,showInFrameList:this.showInFrameList,showFrameNumber:this.showFrameNumber,layerProperties:b,cameraStates:c,cameraOffsets:d}},toMinimalStorable:function(){var a=this,b={},c={};return this.presentation.layers.forEach(function(d,e){var f=a.layerProperties[e],g=a.cameraStates[e],h=d.groupId;b[h]=f.toMinimalStorable(),c[h]=g.toMinimalStorable()}),{frameId:this.frameId,title:this.title,timeoutMs:this.timeoutMs,timeoutEnable:this.timeoutEnable,transitionDurationMs:this.transitionDurationMs,showInFrameList:this.showInFrameList,showFrameNumber:this.showFrameNumber,layerProperties:b,cameraStates:c}},fromStorable:function(a){var b=this;return d(this,a,"frameId"),d(this,a,"title"),d(this,a,"timeoutMs"),d(this,a,"timeoutEnable"),d(this,a,"transitionDurationMs"),d(this,a,"showInFrameList"),d(this,a,"showFrameNumber"),this.presentation.layers.forEach(function(c,d){var e=c.groupId in a.layerProperties?c.groupId:"__sozi_auto__";if(e in a.layerProperties){var f=b.layerProperties[d];f.fromStorable(a.layerProperties[e]);var g=b.cameraStates[d].fromStorable(a.cameraStates[e]),h=f.referenceElement;if(h){var i=a.cameraOffsets[e]||{};g.setAtElement(h,i.deltaX,i.deltaY,i.widthFactor,i.heightFactor,i.deltaAngle)}}}),this},get index(){return this.presentation.frames.indexOf(this)},setAtStates:function(a){var b=this;a.forEach(function(a,c){b.cameraStates[c].initFrom(a)})},isLinkedTo:function(a,b){var c=this.index<a.index?[this,a]:[a,this],d=e(c,2),f=d[0],g=d[1];return g.layerProperties[b].link&&(g.index===f.index+1||g.index>f.index&&this.presentation.frames[g.index-1].isLinkedTo(f,b))}},j=c.Layer={init:function(a,b,c){return this.presentation=a,this.label=b,this.auto=c,this.svgNodes=[],this},get groupId(){return this.auto?"__sozi_auto__":this.svgNodes[0].getAttribute("id")},get index(){return this.presentation.layers.indexOf(this)},get isVisible(){return this.svgNodes.some(function(a){return"none"!==window.getComputedStyle(a).display})},set isVisible(a){this.svgNodes.forEach(function(b){b.style.display=a?"inline":"none"})},contains:function(a){return this.svgNodes.some(function(b){return b.contains(a)})}},k="http://www.w3.org/2000/svg";c.Presentation={aspectWidth:4,aspectHeight:3,enableKeyboardZoom:!0,enableKeyboardRotation:!0,enableKeyboardNavigation:!0,enableMouseTranslation:!0,enableMouseZoom:!0,enableMouseRotation:!0,enableMouseNavigation:!0,init:function(){return this.frames=[],this.layers=[],this.elementsToHide=[],this},setSVGDocument:function(a){var b=this;this.document=a;var c=Object.create(j).init(this,"auto",!0);return(0,f.toArray)(this.document.root.childNodes).forEach(function(a){if(a instanceof SVGGElement){var d=a.getAttribute("id");if(null===d)c.svgNodes.push(a);else{var e=Object.create(j).init(b,b.document.handler.getLabel(a)||"#"+d,!1);e.svgNodes.push(a),b.layers.push(e)}}}),this.layers.push(c),this.initialCameraState=Object.create(g.CameraState).init(a.root),this},toStorable:function(){return{aspectWidth:this.aspectWidth,aspectHeight:this.aspectHeight,enableKeyboardZoom:this.enableKeyboardZoom,enableKeyboardRotation:this.enableKeyboardRotation,enableKeyboardNavigation:this.enableKeyboardNavigation,enableMouseTranslation:this.enableMouseTranslation,enableMouseZoom:this.enableMouseZoom,enableMouseRotation:this.enableMouseRotation,enableMouseNavigation:this.enableMouseNavigation,frames:this.frames.map(function(a){return a.toStorable()}),elementsToHide:this.elementsToHide.slice()}},toMinimalStorable:function(){return{enableKeyboardZoom:this.enableKeyboardZoom,enableKeyboardRotation:this.enableKeyboardRotation,enableKeyboardNavigation:this.enableKeyboardNavigation,enableMouseTranslation:this.enableMouseTranslation,enableMouseZoom:this.enableMouseZoom,enableMouseRotation:this.enableMouseRotation,enableMouseNavigation:this.enableMouseNavigation,frames:this.frames.map(function(a){return a.toMinimalStorable()}),elementsToHide:this.elementsToHide.slice()}},fromStorable:function(a){var b=this;return d(this,a,"aspectWidth"),d(this,a,"aspectHeight"),d(this,a,"enableKeyboardZoom"),d(this,a,"enableKeyboardRotation"),d(this,a,"enableKeyboardNavigation"),d(this,a,"enableMouseTranslation"),d(this,a,"enableMouseZoom"),d(this,a,"enableMouseRotation"),d(this,a,"enableMouseNavigation"),this.frames=a.frames.map(function(a){return Object.create(i).init(b).fromStorable(a)}),a.elementsToHide&&(this.elementsToHide=a.elementsToHide.slice()),this},get title(){var a=this.document.root.getElementsByTagNameNS(k,"title");return a.length?a[0].firstChild.wholeText.trim():"Untitled"},makeFrameId:function(){var a="frame",b=Math.floor(1e3*(1+9*Math.random())),c=void 0;do c=a+b,b++;while(this.frames.some(function(a){return a.frameId===c}));return c},getFrameWithId:function(a){for(var b=0;b<this.frames.length;b++)if(this.frames[b].frameId===a)return this.frames[b];return null},getLayerWithId:function(a){for(var b=0;b<this.layers.length;b++)if(this.layers[b].groupId===a)return this.layers[b];return null},updateLinkedLayers:function(){var a=this;if(this.frames.length){var b=this.frames[0].cameraStates,c=b[b.length-1];this.layers.forEach(function(b,d){var e=c;a.frames.forEach(function(a){a.layerProperties[d].link?a.cameraStates[d].initFrom(e):e=a.cameraStates[d]})})}}}},{"../utils":14,"./CameraState":1}],3:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}var e=a("./svg/SVGDocumentWrapper"),f=a("./model/Presentation"),g=a("./player/Viewport"),h=a("./player/Player"),i=a("./player/Media"),j=d(i),k=a("./player/FrameList"),l=d(k),m=a("./player/FrameNumber"),n=d(m),o=a("./player/FrameURL"),p=d(o);window.addEventListener("load",function(){e.SVGDocumentWrapper.init(document.querySelector("svg")),f.Presentation.init().setSVGDocument(e.SVGDocumentWrapper),g.Viewport.init(f.Presentation,!1).onLoad(),f.Presentation.fromStorable(window.soziPresentationData),h.Player.init(g.Viewport,f.Presentation),j.init(h.Player),l.init(h.Player),n.init(h.Player),p.init(h.Player),window.sozi={presentation:f.Presentation,viewport:g.Viewport,player:h.Player},h.Player.addListener("change:playing",function(a,b){b?document.title=f.Presentation.title:document.title=f.Presentation.title+"(Paused)"}),window.addEventListener("resize",function(){return g.Viewport.repaint()}),f.Presentation.frames.length&&h.Player.playFromFrame(p.getFrame()),g.Viewport.repaint()})},{"./model/Presentation":2,"./player/FrameList":6,"./player/FrameNumber":7,"./player/FrameURL":8,"./player/Media":9,"./player/Player":10,"./player/Viewport":12,"./svg/SVGDocumentWrapper":13}],4:[function(a,b,c){"use strict";function d(){k>0?(g&&g(d),l.forEach(function(a){a.running&&a.step()})):g||window.clearInterval(j)}function e(){g?g(d):j=window.setInterval(d,i)}Object.defineProperty(c,"__esModule",{value:!0}),c.Animator=void 0;var f=a("events"),g=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame,h=window.performance&&window.performance.now?window.performance:Date,i=40,j=void 0,k=0,l=[],m=c.Animator=Object.create(f.EventEmitter.prototype);m.init=function(){return f.EventEmitter.call(this),this.durationMs=500,this.initialTime=0,this.running=!1,l.push(this),this},m.start=function(a){this.durationMs=a,this.initialTime=h.now(),this.emit("step",0),this.running||(this.running=!0,k++,1===k&&e())},m.stop=function(){this.running&&(this.running=!1,k--,this.emit("stop"))},m.step=function(){var a=h.now()-this.initialTime;a>=this.durationMs?(this.emit("step",1),this.running=!1,k--,this.emit("done")):this.emit("step",a/this.durationMs)}},{events:15}],5:[function(a,b,c){"use strict";Object.defineProperty(c,"__esModule",{value:!0}),c.Camera=void 0;var d=a("../model/CameraState"),e="http://www.w3.org/2000/svg",f=c.Camera=Object.create(d.CameraState);f.init=function(a,b){d.CameraState.init.call(this,a.svgRoot),this.viewport=a,this.layer=b,this.selected=!0,this.svgClipRect=document.createElementNS(e,"rect");var c=void 0;if(a.editMode){this.maskValue=0;var f=document.createElementNS(e,"mask");c=a.makeUniqueId("sozi-mask-"),f.setAttribute("id",c),a.svgRoot.appendChild(f),this.svgMaskRect=document.createElementNS(e,"rect"),f.appendChild(this.svgMaskRect),this.svgClipRect.setAttribute("fill","white"),f.appendChild(this.svgClipRect),this.svgClipOutlineRect1=document.createElementNS(e,"rect"),this.svgClipOutlineRect1.setAttribute("stroke","black"),this.svgClipOutlineRect1.setAttribute("fill","none"),a.svgRoot.appendChild(this.svgClipOutlineRect1),this.svgClipOutlineRect2=document.createElementNS(e,"rect"),this.svgClipOutlineRect2.setAttribute("stroke","white"),this.svgClipOutlineRect2.setAttribute("fill","none"),this.svgClipOutlineRect2.setAttribute("stroke-dasharray","2,2"),a.svgRoot.appendChild(this.svgClipOutlineRect2),this.concealClipping()}else{var g=document.createElementNS(e,"clipPath");c=a.makeUniqueId("sozi-clip-path-"),g.setAttribute("id",c),g.appendChild(this.svgClipRect),a.svgRoot.appendChild(g)}return this.svgTransformGroups=b.svgNodes.map(function(b){var d=document.createElementNS(e,"g");a.svgRoot.insertBefore(d,b),a.editMode?d.setAttribute("mask","url(#"+c+")"):d.setAttribute("clip-path","url(#"+c+")");var f=document.createElementNS(e,"g");return f.appendChild(b),d.appendChild(f),f}),this},f.revealClipping=function(){this.maskValue=64,this.svgClipOutlineRect1.style.display="inline",this.svgClipOutlineRect2.style.display="inline"},f.concealClipping=function(){this.maskValue=0,this.svgClipOutlineRect1.style.display="none",this.svgClipOutlineRect2.style.display="none"},Object.defineProperty(f,"scale",{get:function(){return Math.min(this.viewport.width/this.width,this.viewport.height/this.height)}}),f.rotate=function(a){return this.restoreAspectRatio(),this.angle+=a,this.update()},f.zoom=function(a,b,c){return this.width/=a,this.height/=a,this.restoreAspectRatio(),this.translate((1-a)*(b-this.viewport.width/2),(1-a)*(c-this.viewport.height/2))},f.translate=function(a,b){var c=this.scale,d=this.angle*Math.PI/180,e=Math.sin(d),f=Math.cos(d);return this.cx-=(a*f-b*e)/c,this.cy-=(a*e+b*f)/c,this.restoreAspectRatio(),this.update()},f.clip=function(a,b,c,d){this.clipped=!0;var e=this.scale,f=Math.abs(c-a)+1,g=Math.abs(d-b)+1;return this.clipXOffset=(Math.min(a,c)-(this.viewport.width-f)/2)*this.width/f,this.clipYOffset=(Math.min(b,d)-(this.viewport.height-g)/2)*this.height/g,this.clipWidthFactor=f/this.width/e,this.clipHeightFactor=g/this.height/e,this.update()},f.restoreAspectRatio=function(){var a=this.viewport.width/this.viewport.height,b=this.width/this.height,c=a/b;c>1?(this.width*=c,this.clipped&&(this.clipWidthFactor/=c)):(this.height/=c,this.clipped&&(this.clipHeightFactor*=c))},f.getCandidateReferenceElement=function(){if(!this.layer.svgNodes.length||!this.svgRoot.getIntersectionList)return{element:null,score:null};var a=this.svgRoot.createSVGRect();a.x=0,a.y=0,a.width=this.viewport.width,a.height=this.viewport.height;for(var b=this.viewport.width*this.viewport.height,c=this.svgRoot.getIntersectionList(a,this.layer.svgNodes[0]),d=null,e=null,f=0;f<c.length;f++){var g=c[f];if(g.hasAttribute("id")){var h=g.getBoundingClientRect(),i=h.width*h.height,j=Math.max(h.left,this.viewport.x),k=Math.max(h.top,this.viewport.y),l=Math.min(h.right,this.viewport.x+this.viewport.width),m=Math.min(h.bottom,this.viewport.y+this.viewport.height),n=(l-j)*(m-k),o=b+i-2*n;(null===e||e>o)&&(e=o,d=g)}}return{element:d,score:e}},Object.defineProperty(f,"clipRect",{get:function(){var a=void 0,b=void 0,c=void 0,d=void 0;if(this.clipped){var e=this.scale;a=Math.round(this.width*this.clipWidthFactor*e),b=Math.round(this.height*this.clipHeightFactor*e),c=Math.round((this.viewport.width-a)/2+this.clipXOffset*this.clipWidthFactor*e),d=Math.round((this.viewport.height-b)/2+this.clipYOffset*this.clipHeightFactor*e)}else a=this.viewport.width,b=this.viewport.height,c=0,d=0;return{width:a,height:b,x:c,y:d}}}),f.update=function(){var a=this,b=this.clipRect;this.svgClipRect.setAttribute("x",b.x),this.svgClipRect.setAttribute("y",b.y),this.svgClipRect.setAttribute("width",b.width),this.svgClipRect.setAttribute("height",b.height),this.viewport.editMode&&(this.svgMaskRect.setAttribute("fill","rgb("+this.maskValue+","+this.maskValue+","+this.maskValue+")"),this.svgMaskRect.setAttribute("x",0),this.svgMaskRect.setAttribute("y",0),this.svgMaskRect.setAttribute("width",this.viewport.width),this.svgMaskRect.setAttribute("height",this.viewport.height),this.svgClipOutlineRect1.setAttribute("x",b.x),this.svgClipOutlineRect1.setAttribute("y",b.y),this.svgClipOutlineRect1.setAttribute("width",b.width),this.svgClipOutlineRect1.setAttribute("height",b.height),this.svgClipOutlineRect2.setAttribute("x",b.x),this.svgClipOutlineRect2.setAttribute("y",b.y),this.svgClipOutlineRect2.setAttribute("width",b.width),this.svgClipOutlineRect2.setAttribute("height",b.height));var c=this.scale,d=this.viewport.width/c/2-this.cx,e=this.viewport.height/c/2-this.cy;return this.svgTransformGroups.forEach(function(b){b.setAttribute("transform","scale("+c+")translate("+d+","+e+")rotate("+-a.angle+","+a.cx+","+a.cy+")"),b.setAttribute("opacity",a.opacity)}),this},f.interpolate=function(a,b,c,d,e,f,g){function h(a,b){return b*j+a*k}function i(a,b){var d=(e>0?Math.min(a,b):Math.max(a,b))*(1-e),f=a-d,g=b-d,h=Math.sqrt(f/g),i=h/(1+h),j=f/i/i,k=c-i;return j*k*k+d}var j=d(c),k=1-j;if(e?(this.width=i(a.width,b.width),this.height=i(a.height,b.height)):(this.width=h(a.width,b.width),this.height=h(a.height,b.height)),f){var l=f.getTotalLength(),m=f.getPointAtLength(g?l:0),n=f.getPointAtLength(g?0:l),o=f.getPointAtLength(l*(g?k:j));this.cx=o.x+h(a.cx-m.x,b.cx-n.x),this.cy=o.y+h(a.cy-m.y,b.cy-n.y)}else this.cx=h(a.cx,b.cx),this.cy=h(a.cy,b.cy);this.opacity=h(a.opacity,b.opacity),b.angle-a.angle>180?this.angle=h(a.angle,b.angle-360):b.angle-a.angle<-180?this.angle=h(a.angle-360,b.angle):this.angle=h(a.angle,b.angle),this.clipped=!0;var p=this.scale,q={clipXOffset:0,clipYOffset:0,clipWidthFactor:this.viewport.width/this.width/p,clipHeightFactor:this.viewport.height/this.height/p},r=a.clipped?a:q,s=b.clipped?b:q;for(var t in q)this[t]=h(r[t],s[t])}},{"../model/CameraState":1}],6:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}function e(a){w=a,u=document.querySelector(".sozi-frame-list"),v=(0,p.toArray)(u.querySelectorAll("li a")),v.forEach(function(a){a.addEventListener("click",function(b){0===b.button&&(w.previewFrame(a.hash.slice(1)),b.preventDefault())})}),x=Object.create(q.Animator).init(),x.addListener("step",l),window.addEventListener("keypress",k,!1),w.viewport.addListener("mouseDown",m),u.addEventListener("mouseout",n,!1),a.addListener("frameChange",o),f(y)}function f(a){A=a,u.style.left=A*u.clientWidth+"px"}function g(a){w.pause(),y=A,z=a,x.start(Math.abs(z-y)*t)}function h(){g(0)}function i(){g(-1)}function j(){g(-1-z)}function k(a){if(!(a.altKey||a.ctrlKey||a.metaKey)){switch(a.charCode||a.which){case 84:case 116:w.presentation.enableKeyboardNavigation&&(w.disableBlankScreen(),j());break;default:return}a.stopPropagation(),a.preventDefault()}}function l(a){var b=s.ease(a);f(z*b+y*(1-b))}function m(a){w.presentation.enableMouseNavigation&&1===a&&j()}function n(a){for(var b=a.relatedTarget;b&&b!==u&&b!==document.documentElement;)b=b.parentNode;b!==u&&(i(),a.stopPropagation())}function o(){v.forEach(function(a){a.className=a.hash==="#"+w.currentFrame.frameId?"current":""})}Object.defineProperty(c,"__esModule",{value:!0}),c.init=e,c.open=h,c.close=i,c.toggle=j;var p=a("../utils"),q=a("./Animator"),r=a("./Timing"),s=d(r),t=500,u=void 0,v=void 0,w=void 0,x=void 0,y=-1,z=-1,A=y},{"../utils":14,"./Animator":4,"./Timing":11}],7:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}function e(a){var b=document.querySelector(".sozi-frame-number");a.addListener("frameChange",function(){b.innerHTML=a.currentFrame.index+1,b.style.visibility=a.currentFrame.showFrameNumber?"visible":"hidden"}),b.addEventListener("click",g.open)}Object.defineProperty(c,"__esModule",{value:!0}),c.init=e;var f=a("./FrameList"),g=d(f)},{"./FrameList":6}],8:[function(a,b,c){"use strict";function d(a){h=a,window.addEventListener("hashchange",f,!1),h.addListener("frameChange",g)}function e(){if(window.location.hash){var a=window.location.hash.slice(1),b=h.presentation.getFrameWithId(a);if(b)return b;var c=parseInt(a);return!isNaN(c)&&c>0&&c<=h.presentation.frames.length?h.presentation.frames[c-1]:h.currentFrame}return h.currentFrame}function f(){var a=e();h.currentFrame!==a&&h.moveToFrame(a)}function g(){window.location.hash="#"+h.currentFrame.frameId}Object.defineProperty(c,"__esModule",{value:!0}),c.init=d,c.getFrame=e;var h=void 0},{}],9:[function(a,b,c){"use strict";function d(a){a.stopPropagation()}function e(){var a=k.currentFrame.frameId;a in l&&l[a].forEach(function(a){a.play()}),a in m&&m[a].forEach(function(a){a.pause()})}function f(a){k=a,k.addListener("frameChange",e);for(var b=k.presentation.document.root,c=b.attributes,f=void 0,n=0;n<c.length;n++)if(c[n].value===i){f=c[n].name.slice(6);break}if(f){var o=b.getElementsByTagName(f+":video"),p=b.getElementsByTagName(f+":audio"),q=(0,g.toArray)(o).concat((0,g.toArray)(p)),r=[];q.forEach(function(a){var b=a.parentNode,c=a.localName.slice(f.length+1),e=document.createElementNS(j,"source");e.setAttribute("type",a.getAttribute(f+":type")),e.setAttribute("src",a.getAttribute(f+":src"));var g=void 0;for(g=0;g<r.length&&r[g].rect!==b;g+=1);if(g===r.length){b.setAttribute("visibility","hidden");var i=document.createElementNS(j,c);i.setAttribute("controls","controls"),"video"===c&&(i.setAttribute("width",b.getAttribute("width")),i.setAttribute("height",b.getAttribute("height"))),i.addEventListener("click",d,!1),i.addEventListener("mousedown",d,!1),i.addEventListener("mouseup",d,!1),i.addEventListener("mousemove",d,!1),i.addEventListener("contextmenu",d,!1);var k=document.createElementNS(j,"html");k.appendChild(i);var n=document.createElementNS(h,"foreignObject");if(n.setAttribute("x",b.getAttribute("x")),n.setAttribute("y",b.getAttribute("y")),n.setAttribute("width",b.getAttribute("width")),n.setAttribute("height",b.getAttribute("height")),n.appendChild(k),b.parentNode.insertBefore(n,b.nextSibling),a.hasAttribute(f+":start-frame")){var o=a.getAttribute(f+":start-frame"),p=a.getAttribute(f+":stop-frame");o in l||(l[o]=[]),p in m||(m[p]=[]),l[o].push(i),m[p].push(i)}"true"===a.getAttribute(f+":loop")&&i.setAttribute("loop","true"),r.push({rect:a.parentNode,htmlMedia:i})}r[g].htmlMedia.appendChild(e)})}}Object.defineProperty(c,"__esModule",{value:!0}),c.init=f;var g=a("../utils"),h="http://www.w3.org/2000/svg",i="http://sozi.baierouge.fr",j="http://www.w3.org/1999/xhtml",k=void 0,l={},m={}},{"../utils":14}],10:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}Object.defineProperty(c,"__esModule",{value:!0}),c.Player=void 0;var e=a("./Animator"),f=a("./Timing"),g=d(f),h=a("../model/CameraState"),i=a("../model/Presentation"),j=a("events"),k=500,l=0,m="ease",n=1.05,o=5,p=c.Player=Object.create(j.EventEmitter.prototype);p.init=function(a,b){var c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:!1;return j.EventEmitter.call(this),this.editMode=!!c,this.viewport=a,this.presentation=b,this.animator=Object.create(e.Animator).init(),this.playing=!1,this.waitingTimeout=!1,this.currentFrame=b.frames[0],this.targetFrame=b.frames[0],this.timeoutHandle=null,this.transitions=[],this.setupEventHandlers(),this},p.setupEventHandlers=function(){var a=this;this.editMode||(this.viewport.addListener("click",function(b){return a.onClick(b)}),window.addEventListener("keydown",function(b){return a.onKeyDown(b)},!1),this.presentation.enableMouseTranslation&&this.viewport.addListener("dragStart",function(){return a.pause()}),this.viewport.addListener("userChangeState",function(){return a.pause()}),window.addEventListener("keypress",function(b){return a.onKeyPress(b)},!1)),this.animator.addListener("step",function(b){return a.onAnimatorStep(b)}),this.animator.addListener("stop",function(){return a.onAnimatorStop()}),this.animator.addListener("done",function(){return a.onAnimatorDone()})},p.onClick=function(a){if(this.presentation.enableMouseNavigation)switch(a){case 0:this.moveToNext();break;case 2:this.moveToPrevious()}},p.onKeyDown=function(a){if(!(a.altKey||a.ctrlKey||a.metaKey)){switch(a.keyCode){case 36:this.presentation.enableKeyboardNavigation&&(a.shiftKey?this.jumpToFirst():this.moveToFirst());break;case 35:this.presentation.enableKeyboardNavigation&&(a.shiftKey?this.jumpToLast():this.moveToLast());break;case 38:case 33:case 37:this.presentation.enableKeyboardNavigation&&(a.shiftKey?this.jumpToPrevious():this.moveToPrevious());break;case 40:case 34:case 39:case 13:case 32:this.presentation.enableKeyboardNavigation&&(a.shiftKey?this.jumpToNext():this.moveToNext());break;default:return}a.stopPropagation(),a.preventDefault()}},p.onKeyPress=function(a){if(!(a.altKey||a.ctrlKey||a.metaKey)){switch(a.charCode||a.which){case 43:this.presentation.enableKeyboardZoom&&(this.viewport.zoom(n,this.viewport.width/2,this.viewport.height/2),this.pause());break;case 45:this.presentation.enableKeyboardZoom&&(this.viewport.zoom(1/n,this.viewport.width/2,this.viewport.height/2),this.pause());break;case 82:this.presentation.enableKeyboardRotation&&(this.viewport.rotate(-o),this.pause());break;case 114:this.presentation.enableKeyboardRotation&&(this.viewport.rotate(o),this.pause());break;case 80:case 112:this.playing?this.pause():this.resume();break;case 46:this.presentation.enableKeyboardNavigation&&this.toggleBlankScreen();break;default:return}a.stopPropagation(),a.preventDefault()}},p.findFrame=function(a){return i.Frame.isPrototypeOf(a)?a:"string"==typeof a?this.presentation.getFrameWithId(a):"number"==typeof a?this.presentation.frames[a]:null},Object.defineProperty(p,"previousFrame",{get:function(){var a=this.animator.running?this.targetFrame:this.currentFrame,b=(a.index+this.presentation.frames.length-1)%this.presentation.frames.length;return this.presentation.frames[b]}}),Object.defineProperty(p,"nextFrame",{get:function(){var a=this.animator.running?this.targetFrame:this.currentFrame,b=(a.index+1)%this.presentation.frames.length;return this.presentation.frames[b]}}),p.showCurrentFrame=function(){return this.viewport.setAtStates(this.currentFrame.cameraStates).update(),this.emit("frameChange"),this},p.playFromFrame=function(a){return this.playing=!0,this.waitingTimeout=!1,this.targetFrame=this.currentFrame=this.findFrame(a),this.showCurrentFrame(),this.waitTimeout(),this},p.pause=function(){return this.animator.stop(),this.waitingTimeout&&(window.clearTimeout(this.timeoutHandle),this.waitingTimeout=!1),this.playing=!1,this.targetFrame=this.currentFrame,this},p.resume=function(){return this.playFromFrame(this.currentFrame),this},p.waitTimeout=function(){var a=this;return this.currentFrame.timeoutEnable&&(this.waitingTimeout=!0,this.timeoutHandle=window.setTimeout(function(){return a.moveToNext()},this.currentFrame.timeoutMs)),this},p.jumpToFrame=function(a){return this.disableBlankScreen(),this.pause(),this.targetFrame=this.currentFrame=this.findFrame(a),this.showCurrentFrame(),this},p.jumpToFirst=function(){return this.jumpToFrame(0)},p.jumpToLast=function(){return this.jumpToFrame(this.presentation.frames.length-1)},p.jumpToPrevious=function(){return this.jumpToFrame(this.previousFrame)},p.jumpToNext=function(){return this.jumpToFrame(this.nextFrame)},p.moveToFrame=function(a){var b=this;this.disableBlankScreen(),this.waitingTimeout&&(window.clearTimeout(this.timeoutHandle),
this.waitingTimeout=!1),this.targetFrame=this.findFrame(a);var c=null,d=k,e=!1,f=!1;return this.currentFrame&&(this.targetFrame===this.nextFrame?(d=this.targetFrame.transitionDurationMs,c=this.targetFrame.layerProperties,e=!0):this.targetFrame===this.previousFrame&&(d=this.currentFrame.transitionDurationMs,c=this.currentFrame.layerProperties,e=!0,f=!0)),this.playing=!this.editMode,this.viewport.cameras.forEach(function(a){var d=g[m],h=l,i=null;if(c){var j=c[a.layer.index];h=j.transitionRelativeZoom,d=g[j.transitionTimingFunction],e&&(i=j.transitionPath),f&&(d=d.reverse)}b.setupTransition(a,d,h,i,f)}),this.animator.start(d),this},p.moveToFirst=function(){return this.moveToFrame(0)},p.moveToLast=function(){return this.moveToFrame(this.presentation.frames.length-1)},p.moveToPrevious=function(){for(var a=this.previousFrame.index;a>=0;a--){var b=this.presentation.frames[a];if(!b.timeoutEnable||0!==b.timeoutMs){this.moveToFrame(b);break}}return this},p.moveToNext=function(){return this.moveToFrame(this.nextFrame)},p.moveToCurrent=function(){return this.moveToFrame(this.currentFrame)},p.previewFrame=function(a){var b=this;return this.targetFrame=this.findFrame(a),this.viewport.cameras.forEach(function(a){b.setupTransition(a,g[m],l)}),this.animator.start(k),this},p.setupTransition=function(a,b,c,d,e){return this.animator.running&&this.animator.stop(),this.transitions.push({camera:a,initialState:Object.create(h.CameraState).initFrom(a),finalState:this.targetFrame.cameraStates[a.layer.index],timingFunction:b,relativeZoom:c,svgPath:d,reverse:e}),this},p.onAnimatorStep=function(a){this.transitions.forEach(function(b){b.camera.interpolate(b.initialState,b.finalState,a,b.timingFunction,b.relativeZoom,b.svgPath,b.reverse),b.camera.update()})},p.onAnimatorStop=function(){this.transitions=[],this.currentFrame=this.targetFrame,this.emit("frameChange")},p.onAnimatorDone=function(){this.transitions=[],this.currentFrame=this.targetFrame,this.emit("frameChange"),this.playing&&this.waitTimeout()},Object.defineProperty(p,"blankScreenIsVisible",{get:function(){return"visible"===document.querySelector(".sozi-blank-screen").style.visibility}}),p.enableBlankScreen=function(){this.pause();var a=document.querySelector(".sozi-blank-screen");a&&(a.style.opacity=1,a.style.visibility="visible")},p.disableBlankScreen=function(){var a=document.querySelector(".sozi-blank-screen");a&&(a.style.opacity=0,a.style.visibility="hidden")},p.toggleBlankScreen=function(){this.blankScreenIsVisible?this.disableBlankScreen():this.enableBlankScreen()}},{"../model/CameraState":1,"../model/Presentation":2,"./Animator":4,"./Timing":11,events:15}],11:[function(a,b,c){"use strict";function d(a,b){return 1-3*b+3*a}function e(a,b){return 3*b-6*a}function f(a){return 3*a}function g(a,b,c,d){return((b*a+c)*a+d)*a}function h(a,b,c,d){return(3*b*a+2*c)*a+d}function i(a,b,c,i){var j=d(a,c),k=e(a,c),l=f(a),m=d(b,i),n=e(b,i),o=f(b);return a===b&&c===i?function(a){return a}:function(a){for(var b=a,c=0;4>c;c++){var d=h(b,j,k,l);if(0===d)break;var e=g(b,j,k,l)-a;b-=e/d}return g(b,m,n,o)}}function j(a,b){var c="start"===b?Math.ceil:Math.floor;return function(b){return c(a*b)/a}}function k(a){return a>=.5?1:0}Object.defineProperty(c,"__esModule",{value:!0}),c.makeBezier=i,c.makeSteps=j,c.stepMiddle=k;var l=c.linear=i(0,0,1,1);l.reverse=l;var m=c.ease=i(.25,.1,.25,1);m.reverse=m;var n=c.easeIn=i(.42,0,1,1),o=c.easeOut=i(0,0,.58,1);n.reverse=o,o.reverse=n;var p=c.easeInOut=i(.42,0,.58,1);p.reverse=p;var q=c.stepStart=j(1,"start"),r=c.stepEnd=j(1,"end");q.reverse=r,r.reverse=q,k.reverse=k},{}],12:[function(a,b,c){"use strict";Object.defineProperty(c,"__esModule",{value:!0}),c.Viewport=void 0;var d=a("./Camera"),e=a("events"),f=0,g=5,h=1.05,i=5,j=200,k=3,l=c.Viewport=Object.create(e.EventEmitter.prototype);l.init=function(a,b){var c=this;return e.EventEmitter.call(this),this.presentation=a,this.editMode=!!b,this.cameras=[],this.mouseDragX=0,this.mouseDragY=0,this.dragMode="translate",this.clipMode={cameras:[],operation:"select"},this.showHiddenElements=!1,this.wheelTimeout=null,this.dragHandler=function(a){return c.onDrag(a)},this.dragEndHandler=function(a){return c.onDragEnd(a)},this},l.makeUniqueId=function(a){var b=Math.floor(1e3*(1+9*Math.random())),c=void 0;do c=a+b,b++;while(this.svgRoot.getElementById(c));return c},l.onLoad=function(){var a=this;this.svgRoot.addEventListener("mousedown",function(b){return a.onMouseDown(b)},!1),this.svgRoot.addEventListener("mousemove",function(b){return a.onMouseMove(b)},!1),this.svgRoot.addEventListener("contextmenu",function(b){return a.onContextMenu(b)},!1);var b="onwheel"in document.createElement("div")?"wheel":void 0!==document.onmousewheel?"mousewheel":"DOMMouseScroll";return this.svgRoot.addEventListener(b,function(b){return a.onWheel(b)},!1),this.cameras=this.presentation.layers.map(function(b){return Object.create(d.Camera).init(a,b)}),this},Object.defineProperty(l,"ready",{get:function(){return!(!this.presentation.document||!this.presentation.document.root)}}),Object.defineProperty(l,"svgRoot",{get:function(){return this.presentation.document.root}}),l.getLayer=function(a){return this.layers.filter(function(b){return b.nodeId===a})[0]},l.onContextMenu=function(a){a.stopPropagation(),a.preventDefault(),this.emit("click",2,a)},l.onMouseMove=function(a){if("clip"===this.dragMode)switch(this.getClipMode(a).operation){case"select":this.svgRoot.style.cursor="crosshair";break;case"n":case"s":this.svgRoot.style.cursor="ns-resize";break;case"w":case"e":this.svgRoot.style.cursor="ew-resize";break;case"nw":case"se":this.svgRoot.style.cursor="nwse-resize";break;case"ne":case"sw":this.svgRoot.style.cursor="nesw-resize";break;case"move":this.svgRoot.style.cursor="move";break;default:this.svgRoot.style.cursor="default"}else this.svgRoot.style.cursor="default"},l.onMouseDown=function(a){a.stopPropagation(),a.preventDefault(),a.button===f&&(this.mouseDragged=!1,this.mouseDragChangedState=!1,this.mouseDragX=this.mouseDragStartX=a.clientX,this.mouseDragY=this.mouseDragStartY=a.clientY,document.documentElement.addEventListener("mousemove",this.dragHandler,!1),document.documentElement.addEventListener("mouseup",this.dragEndHandler,!1),"clip"===this.dragMode&&(this.clipMode=this.getClipMode(a))),this.emit("mouseDown",a.button)},l.getClipMode=function(a){var b=a.clientX-this.x,c=a.clientY-this.y,d={nw:[],sw:[],ne:[],se:[],w:[],e:[],n:[],s:[],move:[]},e=this.cameras.filter(function(a){return a.selected});e.forEach(function(a){var e=a.clipRect;if(b>=e.x-k&&b<=e.x+e.width+k&&c>=e.y-k&&c<=e.y+e.height+k){var f=b<=e.x+k,g=b>=e.x+e.width-k-1,h=c<=e.y+k,i=c>=e.y+e.height-k-1,j=f||g||h||i?(h?"n":i?"s":"")+(f?"w":g?"e":""):"move";d[j].push(a)}});for(var f in d)if(d[f].length)return{cameras:d[f],operation:f};return{cameras:e,operation:"select"}},l.onDrag=function(a){a.stopPropagation();var b=a.clientX-this.x-this.width/2,c=a.clientY-this.y-this.height/2,d=180*Math.atan2(c,b)/Math.PI,e=a.clientX,f=a.clientY,h=Math.sqrt(b*b+c*c),i=a.clientX-this.mouseDragX,j=a.clientY-this.mouseDragY;if(!this.mouseDragged&&(Math.abs(i)>g||Math.abs(j)>g)&&(this.mouseDragged=!0,this.rotateStart=this.rotatePrev=d,this.translateStartX=this.translateXPrev=e,this.translateStartY=this.translateYPrev=f,this.zoomPrev=h,this.emit("dragStart")),this.mouseDragged){var k=this.dragMode;switch("translate"==k&&(a.altKey?k="scale":a.shiftKey&&(k="rotate")),k){case"scale":(this.editMode||this.presentation.enableMouseZoom)&&(0!==this.zoomPrev&&(this.zoom(h/this.zoomPrev,this.width/2,this.height/2),this.mouseDragChangedState=!0),this.zoomPrev=h);break;case"rotate":(this.editMode||this.presentation.enableMouseRotation)&&(a.ctrlKey&&(d=10*Math.round((d-this.rotateStart)/10)+this.rotateStart),this.rotate(this.rotatePrev-d),this.mouseDragChangedState=!0,this.rotatePrev=d);break;case"clip":switch(this.clipMode.operation){case"select":this.clip(this.mouseDragStartX-this.x,this.mouseDragStartY-this.y,this.mouseDragX-this.x,this.mouseDragY-this.y);break;case"move":this.clipRel(i,j,i,j);break;case"w":this.clipRel(i,0,0,0);break;case"e":this.clipRel(0,0,i,0);break;case"n":this.clipRel(0,j,0,0);break;case"s":this.clipRel(0,0,0,j);break;case"nw":this.clipRel(i,j,0,0);break;case"ne":this.clipRel(0,j,i,0);break;case"sw":this.clipRel(i,0,0,j);break;case"se":this.clipRel(0,0,i,j)}break;default:(this.editMode||this.presentation.enableMouseTranslation)&&(a.ctrlKey&&(Math.abs(e-this.translateStartX)>=Math.abs(f-this.translateStartY)?f=this.translateStartY:e=this.translateStartX),this.translate(e-this.translateXPrev,f-this.translateYPrev),this.mouseDragChangedState=!0,this.translateXPrev=e,this.translateYPrev=f)}this.mouseDragX=a.clientX,this.mouseDragY=a.clientY}},l.onDragEnd=function(a){a.stopPropagation(),a.preventDefault(),a.button===f?(this.mouseDragged?(this.emit("dragEnd"),this.mouseDragChangedState&&this.emit("userChangeState")):this.emit("click",a.button,a),document.documentElement.removeEventListener("mousemove",this.dragHandler,!1),document.documentElement.removeEventListener("mouseup",this.dragEndHandler,!1)):this.emit("click",a.button,a)},l.onWheel=function(a){var b=this;null!==this.wheelTimeout&&window.clearTimeout(this.wheelTimeout),a.stopPropagation(),a.preventDefault();var c=0;c=a.wheelDelta?a.wheelDelta:a.detail?-a.detail:-a.deltaY;var d=!1;0!==c&&(a.shiftKey?(this.editMode||this.presentation.enableMouseRotation)&&(this.rotate(c>0?i:-i),d=!0):(this.editMode||this.presentation.enableMouseZoom)&&(this.zoom(c>0?h:1/h,a.clientX-this.x,a.clientY-this.y),d=!0)),d&&(this.wheelTimeout=window.setTimeout(function(){b.wheelTimeout=null,b.emit("userChangeState")},j))},Object.defineProperty(l,"x",{get:function(){return this.svgRoot.getScreenCTM().e}}),Object.defineProperty(l,"y",{get:function(){return this.svgRoot.getScreenCTM().f}}),Object.defineProperty(l,"width",{get:function(){return this.svgRoot===document.documentElement?window.innerWidth:this.svgRoot.parentNode.clientWidth}}),Object.defineProperty(l,"height",{get:function(){return this.svgRoot===document.documentElement?window.innerHeight:this.svgRoot.parentNode.clientHeight}}),l.repaint=function(){var a=this;return this.svgRoot.setAttribute("width",this.width),this.svgRoot.setAttribute("height",this.height),this.update(),this.presentation.elementsToHide.forEach(function(b){var c=document.getElementById(b);c&&(c.style.visibility=a.showHiddenElements?"visible":"hidden")}),this},l.update=function(){return this.cameras.forEach(function(a){a.update()}),this},l.setAtStates=function(a){var b=this;return a.forEach(function(a,c){b.cameras[c].initFrom(a)}),this},l.translate=function(a,b){return this.cameras.forEach(function(c){c.selected&&c.translate(a,b)}),this},l.zoom=function(a,b,c){return this.cameras.forEach(function(d){d.selected&&d.zoom(a,b,c)}),this},l.rotate=function(a){return this.cameras.forEach(function(b){b.selected&&b.rotate(a)}),this},l.clip=function(a,b,c,d){return this.clipMode.cameras.forEach(function(e){e.clip(a,b,c,d)}),this},l.clipRel=function(a,b,c,d){return this.clipMode.cameras.forEach(function(e){var f=e.clipRect;a<=f.width+c-1&&b<=f.height+d-1&&e.clip(f.x+a,f.y+b,f.x+f.width+c-1,f.y+f.height+d-1)}),this}},{"./Camera":5,events:15}],13:[function(a,b,c){"use strict";function d(a,b){h[a]=b}Object.defineProperty(c,"__esModule",{value:!0}),c.SVGDocumentWrapper=c.DefaultHandler=void 0,c.registerHandler=d;var e=a("../utils"),f="http://www.w3.org/2000/svg",g=["g","image","path","rect","circle","ellipse","line","polyline","polygon","text","clippath"],h={},i=c.DefaultHandler={matches:function(a){return!0},transform:function(a){return this},isLayer:function(a){return!0},getLabel:function(a){return null}};c.SVGDocumentWrapper={asText:"",root:void 0,handler:i,init:function(a){this.root=a;var b=(0,e.toArray)(this.root.getElementsByTagName("a"));return b.forEach(function(a){a.addEventListener("mousedown",function(a){return a.stopPropagation()},!1)}),this},get isValidSVG(){return this.root instanceof SVGSVGElement},isLayer:function(a){return a instanceof SVGGElement&&a.hasAttribute("id")&&this.handler.isLayer(a)},initFromString:function(a){var b=this;this.root=(new DOMParser).parseFromString(a,"image/svg+xml").documentElement,this.handler=i;for(var c in h)if(h[c].matches(this.root)){console.log("Using handler: "+c),this.handler=h[c];break}if(this.isValidSVG){this.handler.transform(this.root),this.removeViewbox(),this.removeScripts(),this.disableHyperlinks();var d=h["Adobe Illustrator"];d&&this.handler!==d&&d.transform(this.root);var j=document.createElementNS(f,"g");(0,e.toArray)(this.root.childNodes).forEach(function(a){void 0===a.tagName?b.root.removeChild(a):g.indexOf(a.localName)>=0&&(b.isLayer(a)?j.firstChild&&(b.root.insertBefore(j,a),j=document.createElementNS(f,"g")):j.appendChild(a))}),j.firstChild&&this.root.appendChild(j)}return this.asText=(new XMLSerializer).serializeToString(this.root),this},removeViewbox:function(){this.root.removeAttribute("viewBox"),this.root.style.width=this.root.style.height="100%"},removeScripts:function(){var a=(0,e.toArray)(this.root.getElementsByTagName("script"));a.forEach(function(a){a.parentNode.removeChild(a)})},disableHyperlinks:function(){var a=(0,e.toArray)(this.root.getElementsByTagName("a"));a.forEach(function(a){a.addEventListener("click",function(a){return a.preventDefault()},!1)})}}},{"../utils":14}],14:[function(a,b,c){"use strict";function d(a){return Array.prototype.slice.call(a)}Object.defineProperty(c,"__esModule",{value:!0}),c.toArray=d},{}],15:[function(a,b,c){function d(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function e(a){return"function"==typeof a}function f(a){return"number"==typeof a}function g(a){return"object"==typeof a&&null!==a}function h(a){return void 0===a}b.exports=d,d.EventEmitter=d,d.prototype._events=void 0,d.prototype._maxListeners=void 0,d.defaultMaxListeners=10,d.prototype.setMaxListeners=function(a){if(!f(a)||0>a||isNaN(a))throw TypeError("n must be a positive number");return this._maxListeners=a,this},d.prototype.emit=function(a){var b,c,d,f,i,j;if(this._events||(this._events={}),"error"===a&&(!this._events.error||g(this._events.error)&&!this._events.error.length)){if(b=arguments[1],b instanceof Error)throw b;throw TypeError('Uncaught, unspecified "error" event.')}if(c=this._events[a],h(c))return!1;if(e(c))switch(arguments.length){case 1:c.call(this);break;case 2:c.call(this,arguments[1]);break;case 3:c.call(this,arguments[1],arguments[2]);break;default:for(d=arguments.length,f=new Array(d-1),i=1;d>i;i++)f[i-1]=arguments[i];c.apply(this,f)}else if(g(c)){for(d=arguments.length,f=new Array(d-1),i=1;d>i;i++)f[i-1]=arguments[i];for(j=c.slice(),d=j.length,i=0;d>i;i++)j[i].apply(this,f)}return!0},d.prototype.addListener=function(a,b){var c;if(!e(b))throw TypeError("listener must be a function");if(this._events||(this._events={}),this._events.newListener&&this.emit("newListener",a,e(b.listener)?b.listener:b),this._events[a]?g(this._events[a])?this._events[a].push(b):this._events[a]=[this._events[a],b]:this._events[a]=b,g(this._events[a])&&!this._events[a].warned){var c;c=h(this._maxListeners)?d.defaultMaxListeners:this._maxListeners,c&&c>0&&this._events[a].length>c&&(this._events[a].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[a].length),"function"==typeof console.trace&&console.trace())}return this},d.prototype.on=d.prototype.addListener,d.prototype.once=function(a,b){function c(){this.removeListener(a,c),d||(d=!0,b.apply(this,arguments))}if(!e(b))throw TypeError("listener must be a function");var d=!1;return c.listener=b,this.on(a,c),this},d.prototype.removeListener=function(a,b){var c,d,f,h;if(!e(b))throw TypeError("listener must be a function");if(!this._events||!this._events[a])return this;if(c=this._events[a],f=c.length,d=-1,c===b||e(c.listener)&&c.listener===b)delete this._events[a],this._events.removeListener&&this.emit("removeListener",a,b);else if(g(c)){for(h=f;h-- >0;)if(c[h]===b||c[h].listener&&c[h].listener===b){d=h;break}if(0>d)return this;1===c.length?(c.length=0,delete this._events[a]):c.splice(d,1),this._events.removeListener&&this.emit("removeListener",a,b)}return this},d.prototype.removeAllListeners=function(a){var b,c;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[a]&&delete this._events[a],this;if(0===arguments.length){for(b in this._events)"removeListener"!==b&&this.removeAllListeners(b);return this.removeAllListeners("removeListener"),this._events={},this}if(c=this._events[a],e(c))this.removeListener(a,c);else for(;c.length;)this.removeListener(a,c[c.length-1]);return delete this._events[a],this},d.prototype.listeners=function(a){var b;return b=this._events&&this._events[a]?e(this._events[a])?[this._events[a]]:this._events[a].slice():[]},d.listenerCount=function(a,b){var c;return c=a._events&&a._events[b]?e(a._events[b])?1:a._events[b].length:0}},{}]},{},[3]);</script>
    </body>
</html>
